 <div id="case_src_lib">
    <!-- class 加上 stateChange -->
    <div class="wrap">
    	<!-- class 加上 stateChange,切换状态 -->
        <div class="tabs" ng-class='{"stateChange": isStateChange}'>
            <div class="left" ng-click="showCaseList()">案件列表</div>
            <div class="right" ng-click="showPubCase()">发布案件</div>
        </div>
        <!-- 点击发布案件,class加上 case_issue -->
        <div class="main" ng-class='{"case_issue": isCase_issue}'>
            <div class="left">
                <div class="top_line">
                    <div class="case_src_no">
                        <span>已为您找到&nbsp;</span>
                        <span class="case_no" ng-bind="caseLength"></span>
                        <span>&nbsp;个案源</span>
                    </div>
                    <!-- ng-click="showSearch()" -->
                    <div class="search_area">
                        <select id="province" ng-model="provinceName" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName,'0')" style="color: #fff;width: 100px;font-size: 13px;">
                            <option value="">请点击选择区域</option>
                        </select>
                    </div>
                </div>
                <div class="case_src_list">
                    <refresh-Dir html={{htmlStru}}></refresh-Dir>
                    <div class="wrap_box">
                        <ul class="case_src_component" infinite-scroll='loadMore()' infinite-scroll-container='ele'  infinite-scroll-distance='2'>
                            <li ng-click="goCaseProfile(list.caseId)" ng-repeat="list in tempCaseList track by $index">
                                <div class="case_info">
                                    <div class="box">
                                        <h4>{{list.debtorName}}&emsp;{{list.caseTypeId|filtercaseType}}案</h4>
                                        <p>
                                            <span class="location" ng-bind="list.status|filterCaseStatus"></span>
                                            <!--<span class="state" ng-bind="list.caseStatus">已判决/调解</span>-->
                                            <!-- class 加上 show_block 显示 -->
                                            <!--<span class="pledge {{list.isMortgaged | filterPledge}}">有抵押</span>-->
                                            <!-- <span class="add">+</span>
                                            <span class="exp" ng-bind='list.caseAmount | filterDeg'>30</span>
                                            <span>&#176;</span> -->
                                        </p>
                                    </div>
                                    <div class="courtName" ng-show="list.courtName">{{list.courtName}}</div>
                                </div>
                                <div class="price">
                                    <!-- 默认状态不加class,有四种状态: 默认状态, range2, range3, range4 -->
                                    <div class="pri {{list.caseAmt | filterRange}}">
                                        <strong ng-bind="list.caseAmt | filterAmount">300</strong>
                                        <small>{{list.caseAmt | filterUnit}}</small>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="main">
                    <div class="user_info">
                        <div class="img">
                            <img src="img/male_lawyer.png" width="57px" height="57px">
                        </div>
                        <div class="right_text">
                            <span class="name">
                                <span class="left_text" ng-bind="userName | filtelName">金城武</span>
                                <span>&nbsp;:</span>
                            </span>
                            <p>请根据提示填写下列项目</p>
                        </div>
                    </div>
                    <div class="input_area">
                    <!-- 
                    	<div>
                            <h4>
                                <span>案件标题</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <textarea placeholder="如原告金先生与被告夏小姐担保纠纷一案" maxlength='40' type='text' ng-model="caseTitle"></textarea>
                        </div>
                    -->
                		
	                    <div>
                            <h4>
                                <span>原告</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <input placeholder="如王小姐、夏先生" maxlength='10' type='text' ng-model="plaintiffName" />
                        </div>
                        <div>
                            <h4>
                                <span>被告</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <input placeholder="如王小姐、夏先生" maxlength='10' type='text' ng-model="defendantName" />
                        </div>
                        <div class="caseArea">
                            <h4>
                                <span>案件类型</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <div class="areaContent">
                            	<div class="wrapper">
	                                <select id="province" ng-model="caseType" ng-options="id.name as id.name for id in caseTypeList">
	                                    <option value="">选择案件类型</option>
	                                </select>
	                                <span class="triangle" style="display:none;"></span>
	                            </div>
                            </div>
                        </div>
                        <div>
                            <h4>
                                <span>案情描述</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <textarea placeholder="如2005年8月，本人向朋友出借50万元，打了借条，至今没还。现准备找律师起诉" maxlength='300' type='text' ng-model="caseDescribe" style='height:100px'></textarea>
                        </div>
                        <div>
                            <h4>
                                <span>涉案金额</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <input type="number" ng-model='caseAmt' placeholder="请填写涉案金额(单位为:元)">
                        </div>
                        <div class="caseArea">
                            <h4>
                                <span>案件所在区域</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <div class="areaContent">
                            	<div class="wrapper">
	                                <select id="province" ng-model="provinceName3" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName3,'0')">
	                                    <option value="">选择省</option>
	                                </select>
	                                <span class="triangle"></span>
	                            </div>
	                            <div class="wrapper">
	                                <select id="city" ng-model="cityName3" ng-options="o.city for o in cityData" ng-change="clickArea(cityName3,'0')">
	                                    <option value="">选择市</option>
	                                </select>
	                                <span class="triangle"></span>
	                            </div>
	                            <div class="wrapper">
	                                <select id="county" ng-model="districtName3" ng-options="o.district for o in districtData">
	                                    <option value="">选择县</option>
	                                </select>
	                                <span class="triangle"></span>
	                            </div>
                            </div>
                        </div>
                        <div>
                            <h4>
                                <span>联系电话</span>
                                <span class="star">&nbsp;*</span>
                            </h4>
                            <input type="tel" maxlength='11' ng-model='telNumber' placeholder="填写可联系的电话，以便平台及时回复">
                        </div>
                        <div>
                            <h4>
                                <span>备注</span>
                                <span class="star">&nbsp;</span>
                            </h4>
                            <textarea placeholder="如'紧急'" maxlength='300' type='text' ng-model="caseExplain" style='height:80px'></textarea>
                        </div>
                    </div>
                </div>
                <div class="sbt_bt_component" ng-click="subIssue()">
                    <div>提交发布</div>
                </div>
            </div>
        </div>
        <!-- 加上 slide_up 向上滑出
	    <div class="case_type_chs" ng-class='{"slide_up": issCaselide_up}'>
	        <div class="box">
	            <div class="title">
	                <h4>请选择案件类型，只能选一项。</h4>
	                <span class="close_btn" ng-click="closeType()"></span>
	            </div>
	            <ul>
	                <li ng-repeat="type in caseTypeList" ng-bind="type.name" ng-class='{"slt": type.sel}' ng-click='selectType($index)'>案件类型一</li>
	            </ul>
	            <button ng-click="confirmBtn()">确认选择</button>
	        </div>
	    </div>
	     -->
         <!-- 加上 slide_up 向上滑动 -->
        <!-- <div class="case_search" ng-class='{"slide_up": isSlide_up}'>
            <div class="search_pal">
                <div class="box">
                    <div class="top_line">
                        <h4>精准搜索</h4>
                        <span class="close_btn" ng-click="closeSearch()"></span>
                    </div>
                    <div class="info_write">
                        <div class="form_component">
                            <label>管辖区域</label>
                            <div class="ipt_area">
                                <div class="wrapper">
                                    <select id="province" ng-model="provinceName" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName,'0')">
                                        <option value="">选择省</option>
                                    </select>
                                    <span class="triangle"></span>
                                </div>
                                <div class="wrapper">
                                    <select id="city" ng-model="cityName" ng-options="o.city for o in cityData" ng-change="clickArea(cityName,'0')">
                                        <option value="">选择市</option>
                                    </select>
                                    <span class="triangle"></span>
                                </div>
                                <div class="wrapper">
                                    <select id="county" ng-model="districtName" ng-options="o.district for o in districtData">
                                        <option value="">选择县</option>
                                    </select>
                                    <span class="triangle"></span>
                                </div>
                            </div>
                        </div>
                        <div class="form_component">
                            <label>案件标的额</label>
                            <div class="ipt_area">
                                <div class="wrapper one">
                                    <select id="province" ng-model="limitArea" ng-options="o.area for o in limitAreaData">
                                        <option value=''>&#45;&#45;请选择&#45;&#45;</option>
                                    </select>
                                    <span class="triangle"></span>
                                </div>
                            </div>
                        </div>
                        <div class="form_component">
                            <label>案情关键字</label>
                            <div class="ipt_area">
                                <input type="text" placeholder="请输入案情关键字" maxlength='20' ng-model="keyword">
                            </div>
                        </div>
                        <div class="show_more">
                            <hr>
                            <div class="tip" ng-click="showMore()">
                                <span>点击此处</span>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <span ng-bind="proWord"></span>
                            </div>
                        </div>
                        <div class="more_info">
                            <div class="box" ng-class='{"slide_down": isSlide_down}'>
                                <div class="form_component">
                                    <label class="small_font">债务人所属地</label>
                                    <div class="ipt_area">
                                        <div class="wrapper">
                                            <select id="province" ng-model="provinceName1" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName1,'1')">
                                                <option value="">选择省</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                        <div class="wrapper">
                                            <select id="city" ng-model="cityName1" ng-options="o.city for o in cityData1" ng-change="clickArea(cityName1,'1')">
                                                <option value="">选择市</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                        <div class="wrapper">
                                            <select id="county" ng-model="districtName1" ng-options="o.district for o in districtData1">
                                                <option value="">选择县</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form_component">
                                    <label class="two_line">
                                        <span class="line1">主要财产</span>
                                        <span class="line2">所在地</span>
                                    </label>
                                    <div class="ipt_area">
                                        <div class="wrapper">
                                            <select id="province" ng-model="provinceName2" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName2,'2')">
                                                <option value="">选择省</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                        <div class="wrapper">
                                            <select id="city" ng-model="cityName2" ng-options="o.city for o in cityData3" ng-change="clickArea(cityName2,'2')">
                                                <option value="">选择市</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                        <div class="wrapper">
                                            <select id="county" ng-model="districtName2" ng-options="o.district for o in districtData3">
                                                <option value="">选择县</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form_component">
                                    <label>债务人类型</label>
                                    <div class="ipt_area">
                                        <div class="wrapper one">
                                            <select id="province" ng-model="debtorType" ng-options="o.name for o in debtorTypeData">
                                                <option value="">&#45;&#45;请选择&#45;&#45;</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form_component">
                                    <label>案件状态</label>
                                    <div class="ipt_area">
                                        <div class="wrapper one">
                                            <select id="province" ng-model="debtorStatus" ng-options="o.name for o in debtorStatusData">
                                                <option value="">&#45;&#45;请选择&#45;&#45;</option>
                                            </select>
                                            <span class="triangle"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottom_btn_component">
                    <div class="btn_left">
                        <button ng-click="clearSearch()">清空</button>
                    </div>
                    <div class="btn_right">
                        <button ng-click="confirmSearch()">确定筛选</button>
                    </div>
                </div>
            </div>
        </div> -->
    </div>
</div>